jQuery(document).ready( function($) {

	// 翻页效果##########################################################################################################################################
	if( $.fn.fsvs ) {
		var slider = $.fn.fsvs({
			speed : 1000,
			nthClasses : 4,
			mouseDragEvents : false
		});
	}

	if( $.fn.flare ) {
		var flares = $('.flare').flare();
		for( var flare in flares ) {
			//flares[flare].reset();
		}
	}

	var sectionHeight = $('#fsvs-body > .slide:eq(0)').height();
	$('#fsvs-body > .slide').each( function(){
		var section = $(this),
			item = $('.item', section ),
			demo = $('.demo', section ),
			itemHeight = item.outerHeight(),
			demoHeight = demo.outerHeight();
		item.css({
			marginTop : ( ( sectionHeight - itemHeight ) / 2 ) + 'px'
		});
		demo.css({
			marginTop : ( ( sectionHeight - demoHeight ) / 2 ) + 'px'
		});

	});

	// 响应式菜单##########################################################################################################################################
	var navigation = $('#nav-main').okayNav();


	// 翻页计数器##########################################################################################################################################
	
	var clock;
	var wifiNum;

	getWifiNum(true);


	setInterval(function() {
		getWifiNum();

	}, 3000); 


	function setWifiNum(num) {
		clock = new FlipClock($('.clock'), num, {
			clockFace: 'Counter'
		});
	}


	function getWifiNum(first_flag) {

		var num_now=0;
		var getWifiNumUrl="https://global.18wifibank.com/sdk/admin/sys/num";
		$.ajax({
			url:getWifiNumUrl,
			dataType:'jsonp',
			processData:false,
			type:'get',
			beforeSend:function(){

			},
			complete:function(){

			},
			success:function(data){
				if (first_flag) {
					wifiNum = data.replace(/,/g, "");
					setWifiNum(data.replace(/,/g, ""));
				} else {
					for (var i = 0; i < (data.replace(/,/g, "") - wifiNum); i++) {
						// 计数器加一
						clock.increment();
					}
					wifiNum = data.replace(/,/g, "");
				}
			},
			error:function(XMLHttpRequest,textStatus,errorThrown){

			}
		})
	}

	// 地图分布热力图##########################################################################################################################################
	// 版本1
	// var getcityinfoUrl="https://global.18wifibank.com/sdk/admin/sys/cityinfo";
	// $.ajax({
	// 	url:getcityinfoUrl,
	// 	dataType:'jsonp',
	// 	processData:false,
	// 	type:'get',
	// 	beforeSend:function(){

	// 	},
	// 	complete:function(){

	// 	},
	// 	success:function(data){
	// 		console.log(data);
	// 	},
	// 	error:function(XMLHttpRequest,textStatus,errorThrown){

	// 	}
	// })

	// 版本2
	// $.getJSON("assets/json/city_location.json", function(data) {
	// 	var latlong = {};
	// 	// latlong.AA = {'latitude':36, 'longitude':68};
	// 	// latlong.AB = {'latitude':30, 'longitude':62};
	// 	// latlong.AC = {'latitude':36, 'longitude':62};
	// 	// latlong.AD = {'latitude':30, 'longitude':68};
	// 	var mapData = [
	// 	    // {'code':'AA' , 'name':'Afghanistan', 'value':123, 'color':'#5AC5FD'},
	// 	    // {'code':'AB' , 'name':'Afghanistan', 'value':234, 'color':'#5AC5FD'},
	// 	    // {'code':'AC' , 'name':'Afghanistan', 'value':199, 'color':'#5AC5FD'},
	// 	    // {'code':'AD' , 'name':'Afghanistan', 'value':56, 'color':'#5AC5FD'},
	// 	];


	// 	$(data.data).each(function(index, element) {
	// 		latlong[index] = {'latitude':element.location.lat, 'longitude':element.location.lng};

	// 		mapData.push({
	// 			'code': index,
	// 			'name': element.city,
	// 			'value': element.freenu,
	// 			'color':'#5AC5FD'

	// 		})
	// 	})


	// 	var dom = document.getElementById("container");
	// 	var myChart = echarts.init(dom);
	// 	var app = {};
	// 	option = null;





	// 	var max = -Infinity;
	// 	var min = Infinity;
	// 	mapData.forEach(function (itemOpt) {
	// 	    if (itemOpt.value > max) {
	// 	        max = itemOpt.value;
	// 	    }
	// 	    if (itemOpt.value < min) {
	// 	        min = itemOpt.value;
	// 	    }
	// 	});

	// 	option = {
	// 	    backgroundColor: '#1A1B26',
	// 	    title : {
	// 	        text: '上千万个WiFi热点分布于全球千百个国家',
	// 	        subtext: '全球都能找到免费热点',
	// 	        left: 'right',
	// 	        top: 'top',
	// 	        textStyle: {
	// 	            color: '#fff'
	// 	        }
	// 	    },
	// 	    tooltip : {
	// 	        trigger: 'item',
	// 	        formatter : function (params) {
	// 	            var value = (params.value + '').split('.');
	// 	            value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,')
	// 	                    + '.' + value[1];
	// 	            // return params.seriesName + '<br/>' + params.name + ' : ' + value;
	// 	            return params.name + ': ' + params.value[2];
	// 	        }
	// 	    },
	// 	    visualMap: {
	// 	        show: false,
	// 	        min: 0,
	// 	        max: max,
	// 	        inRange: {
	// 	            opacity: 0.5,
	// 	            symbolSize: [10, 100]
	// 	        }
	// 	    },
	// 	    geo: {
	// 	        name: 'World Population (2010)',
	// 	        type: 'map',
	// 	        map: 'world',
	// 	        // 鼠标滚轮放大缩小
	// 	        roam: false,
	// 	        label: {
	// 	            emphasis: {
	// 	                // 国家名称显示
	// 	                show: true
	// 	            }
	// 	        },
	// 	        itemStyle: {
	// 	            normal: {
	// 	                areaColor: '#1E2943',
	// 	                borderColor: '#111'
	// 	            },
	// 	            emphasis: {
	// 	                areaColor: '#2a333d'
	// 	            }
	// 	        }
	// 	    },
	// 	    series : [
	// 	        {
	// 	            type: 'scatter',
	// 	            coordinateSystem: 'geo',
	// 	            data: mapData.map(function (itemOpt) {
	// 	                return {
	// 	                    name: itemOpt.name,
	// 	                    value: [
	// 	                        latlong[itemOpt.code].longitude,
	// 	                        latlong[itemOpt.code].latitude,
	// 	                        itemOpt.value
	// 	                    ],
	// 	                    label: {
	// 	                        emphasis: {
	// 	                            position: 'right',
	// 	                            show: true
	// 	                        }
	// 	                    },
	// 	                    itemStyle: {
	// 	                        normal: {
	// 	                            color: itemOpt.color
	// 	                        }
	// 	                    }
	// 	                };
	// 	            })
	// 	        }
	// 	    ]
	// 	};;
	// 	if (option && typeof option === "object") {
	// 	    myChart.setOption(option, true);
	// 	}

	// })


	// 模态框效果##########################################################################################################################################
	// $('.md-trigger').on('click',function(){

	//     var modal = $(this).data('modal');
	//     $("#" + modal).niftyModal();
	// });

	// 特点展示效果##########################################################################################################################################
	$(".circle2").s8CircleInfoBox({
	    // 自动循环 
	    autoSlide: true,
	    // 触发时间 
	    action: "mouseover"
	    // action: "click"
	})

	// 视频效果##########################################################################################################################################
	var FZ_VIDEO = new createVideo(
	    //容器的id
	    "testBox",  
	    {   
	        //视频地址
	        url: 'assets/video/Captions.mp4',    
	        //是否自动播放
	        autoplay: false              
	    }
	);


	// 中等屏幕尺寸轮播样式#########################################################################################################

	var curX = 0;
	var diff = 0;
	var curSlide = 1;
	var busy = false;
	var flag = false;
	var winW = parseInt($(".demo-container").css("width"));
	var animationTime = parseFloat($(".property-hack").css("height"));
	var k = parseFloat($(".property-hack").css("width")) / 100;
	var numOfSlides = $(".md_screen .slide").length;
	var autoChangeTime = parseFloat($(".property-hack").css("margin-left"));
	// 禁止自动翻页
	// var autoChangeInterval = setInterval(autoChangeFunction, autoChangeTime);
	$(".slide-1 .overlay").addClass("overlay-active");
	$(window).on("keydown", function(event) {
	 if (!busy) {
	  if (event.which == 37 && curSlide >= 2) {
	   curSlide--;
	   animation();
	  }
	  if (event.which == 39 && curSlide < numOfSlides) {
	   curSlide++;
	   animation();
	  }
	 }
	});
	$(".dot").on("click", function() {
	 if (!busy) {   
	  curSlide = parseInt($(this).attr("where"));
	  animation(true);   
	 }
	});
	$(document).on("mousedown touchstart", ".slides", function(event) {
	 if (!busy) {
	  clearInterval(autoChangeInterval);
	  flag = true;
	  $(".demo-container").addClass("grabbing");
	  winW = parseInt($(".demo-container").css("width"));
	  if (event.originalEvent.touches) var stX = event.originalEvent.touches[0].pageX;
	  else var stX = event.pageX;
	  $(document).on("mousemove touchmove", function(event) {
	   if (event.originalEvent.touches) var msX = event.originalEvent.touches[0].pageX;
	   else var msX = event.pageX;
	   diff = (msX - stX) / winW * 100 / k;
	   if (diff > 110) diff = 110;
	   if (diff < -110) diff = -110;
	   if (curSlide == 1) {
	    if (diff > 0) diff /= 10;
	    if (diff > 5) diff = 5;
	   }
	   if (curSlide == numOfSlides) {
	    if (diff < 0) diff /= 10;
	    if (diff < -5) diff = -5;
	   }
	   $(".slides").css("transform", "translate3d(" + (diff + curX) + "vw, 0, 0)");
	   $(".bg-" + curSlide).css("transform", "translate3d(" + (-diff / 2) + "vw, 0, 0)");
	   $(".bg-" + (curSlide + 1)).css("transform", "translate3d(" + (-50 - diff / 2) + "vw, 0, 0)");
	   $(".bg-" + (curSlide - 1)).css("transform", "translate3d(" + (50 - diff / 2) + "vw, 0, 0)");
	  });
	 }
	});
	$(document).on("mouseup touchend", function(event) {
	 if (flag) {
	  if (diff * k < -30) curSlide++;
	  else if (diff * k > 30)
	   curSlide--;
	  animation();
	  diff = 0;
	  $(document).off("mousemove");
	  $(".demo-container").removeClass("grabbing");
	  flag = false;
	 }
	});

	function animation(r) {
	 busy = true;
	 curX = (-curSlide + 1) * 100;
	 $(".overlay").removeClass("overlay-active");  
	 $(".slide-" + curSlide + " .overlay").addClass("overlay-active");
	 $(".dot").css("opacity", "0.3");
	 $(".dot-" + curSlide).css("opacity", "1");
	 $(".slides").addClass("animation");
	 if (!r)  $(".bg").addClass("animation");
	 else $(".bg").css("transform", "translate3d(0, 0, 0)");
	 $(".slides").css("transform", "translate3d(-" + (curSlide - 1) * 100 + "vw, 0, 0)");
	 $(".bg").css("transform", "translate3d(0, 0, 0)");
	 if (!r) {
	  $(".bg-" + (curSlide + 1) + ", .bg-" + (curSlide + 2)).css("transform", "translate3d(-50vw, 0, 0)");
	  $(".bg-" + (curSlide - 1) + ", .bg-" + (curSlide - 2)).css("transform", "translate3d(50vw, 0, 0)");
	 }
	 clearInterval(autoChangeInterval);
	 setTimeout(function() {
	  $(".slides, .bg").removeClass("animation");
	  busy = false;
	  $(".bg-" + (curSlide + 1)).css("transform", "translate3d(-50vw, 0, 0)");   
	  // autoChangeInterval = setInterval(autoChangeFunction, autoChangeTime);
	 }, animationTime);
	}

	function autoChangeFunction() {
	 if (curSlide != numOfSlides) {
	  curSlide++;
	  animation();
	 }
	 else {
	  curSlide = 1;
	  animation(true);
	 }
	}


});